<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/海豚家项目.css"/>
	</head>
	<body>
		
		<!-- 整体灰白色背景 -->
	<div class="header-one">
		
		<!-- 导航头部 -->
		<div class="header">
			<div class="time">
				<b>09:20</b>
				<img src="img/图层%201.jpg" >
			</div>
			<div class="time-one">
				<img src="img/图层%202.jpg" >
				<input type="text" style="" id="time-two" value=""  placeholder="🔍 七夕情人节│爆款洗护1折抢"/>
			</div>
			<div class="time-three">
				<img src="img/图层%206.png" >
			</div>
			<div class="nav">
				<span>首页</span>
				<a>▾</a>
				<span>限量</span>
				<a>▾</a>
				<span>中小样</span>
				<a>▾</a>
				<span>新品</span>
				<a>▾</a>
				<span>清仓</span>
				<a>▾</a>
				<img src="img/图层%207.jpg" >
			</div>
		</div>
			<div class="header-two">
				你猜猜我是谁
			</div>
			<!-- 图标栏 -->
			<div class="nav-one">
				<div class="nav-two">
					<img src="img/商城.png" >
					<p>商城</p>
				</div>
				<div class="nav-two">
					<img src="img/活动.png" >
					<p>活动</p>
				</div>
				<div class="nav-two">
					<img src="img/超市.png" >
					<p>超市</p>
				</div>
				<div class="nav-two">
					<img src="img/会员.png" >
					<p>会员</p>
				</div>
				<div class="nav-two">
					<img src="img/专区.png" >
					<p>专区</p>
				</div>
				<div class="nav-two">
					<img src="img/发现.png" >
					<p>发现</p>
				</div>
				<div class="nav-two">
					<img src="img/附近.png" >
					<p>附近</p>
				</div>
				<div class="nav-two">
					<img src="img/互动.png" >
					<p>互动</p>
				</div>
				<div class="nav-two">
					<img src="img/消息.png" >
					<p>消息</p>
				</div>
				<div class="nav-two">
					<img src="img/查找.png" >
					<p>查找</p>
				</div>
			</div>
			<!-- 新人专享 -->
			<div class="exclusive">
				<img src="img/图层%205.jpg" >
			</div>
			<div class="exclusive">
				<img src="img/图层%201.png" >
			</div>
			<!-- 限时秒杀 -->
			<div class="seckill">
				<div class="seckill-one">
					<img src="img/图层%202.png" >
				</div>
				<b>查看更多</b>
				<div class="seckill-two">
					<img src="img/图层%203.png" >
				</div>
			</div>
			<div class="seckill-font">
				<div class="seckill-three">
					<img src="img/QQ图片20210810144958.png" >
					<span>春雨 黑卢卡峰...</span>
					<a>￥</a><b>88.00</b>
					<del>￥122.99</del>
					<ol>
						<a>极速抢</a>
					</ol>
				</div>
				<div class="seckill-three">
					<img src="img/QQ图片20210810144958.png" >
					<span>春雨 黑卢卡峰...</span>
					<a>￥</a><b>88.00</b>
					<del>￥122.99</del>
					<ol>
						<a>极速抢</a>
					</ol>
				</div>
				<div class="seckill-three">
					<img src="img/QQ图片20210810144958.png" >
					<span>春雨 黑卢卡峰...</span>
					<a>￥</a><b>88.00</b>
					<del>￥122.99</del>
					<ol>
						<a>极速抢</a>
					</ol>
				</div>
			</div>
			<div class="column">
				<img src="img/6.png" >
				<img src="img/图层%205.png" >
			</div>
			<div class="column-one">
				<div class="column-two">
					<b>排行榜</b>
					<a style="#f72974">TOP5热销</a>
					<img src="img/图层%2036.jpg" >
				</div>
				<div class="column-two">
					<b>排行榜</b>
					<a style="#eb751b">TOP5热销</a>
					<img src="img/图层%2036.jpg" >
				</div>
				<div class="column-two">
					<b>排行榜</b>
					<a style="#f72974">TOP5热销</a>
					<img src="img/图层%2036.jpg" >
				</div>
				<div class="column-two">
					<b>排行榜</b>
					<a style="#b76ad4">TOP5热销</a>
					<img src="img/图层%2036.jpg" >
				</div>
			</div>
			<div class="menu">
				<div class="menu-font">
					<b>今日必拼</b>
					<img src="img/图层%2032.png" >
					<span>更多 ></span>
				</div>
				<div class="menu-one">
					<div class="menu-two">
						<img src="img/37.jpg" >
						<b>￥3.9</b><del>￥30</del>
						<a>GUIGAMI 四色...</a>
					</div>
					<div class="menu-two">
						<img src="img/37.jpg" >
						<b>￥3.9</b><del>￥30</del>
						<a>GUIGAMI 四色...</a>
					</div>
					<div class="menu-two">
						<img src="img/37.jpg" >
						<b>￥3.9</b><del>￥30</del>
						<a>GUIGAMI 四色...</a>
					</div>
					<div class="menu-two">
						<img src="img/37.jpg" >
						<b>￥3.9</b><del>￥30</del>
						<a>GUIGAMI 四色...</a>
					</div>
				</div>
				
			</div>
			<div class="goods">
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
					
				</div>
				<div class="goods-one">
					<div class="goods-two">
						<a>立省23.7元</a>
					</div>
					<img src="img/图层%2044.png" >
					<div class="goods-three">
						<span>兰芝雪纱丝柔隔离正装紫色30ml</span>
					</div>
					<div class="goods-four">
						<span>领券满100减3</span>
						<del>原价137.54</del>
						<div class="price">
							<div class="price-one">
								<img src="img/图层222%202.png" >
							</div>
							<div class="price-two">
								<b>￥110.24</b>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="price-three">
				<div class="price-four">
					<a href="海豚家首页.html"><img src="img/商城.png" >
					<p>首页</p></a>
				</div>
				<div class="price-four">
					<a href="海豚家种草页面.html"><img src="img/分类.png" >
					<p>分类</p></a>
				</div>
				<div class="price-four">
					<a href="海豚家会员中心.html"><img src="img/皇冠.png" >
					<p>皇冠</p></a>
				</div>
				<div class="price-four">
					<img src="img/设置.png" >
					<p>设置</p>
				</div>
				<div class="price-four">
					<a href="我的.html"><img src="img/我的.png" ><p>
					我的</p></a>
				</div>
			</div>
	</div>
	
	</body>
</html>
